<!--  -->
<template>
  <section class="app-container">
    <VideoBase :info="info" :liveId="genID()"></VideoBase>
  </section>
</template>

<script>
import VideoBase from './sub'

export default {
  data() {
    return {
       info:{
        "deviceId": 30473922489938,
        "app": "rtp",
        "channelId": "34020001001320001489",
        "flv": "http://192.168.103.235:2080/rtp/34020001001110909192_34020000001310199312.live.flv",
        "https_flv": "https://192.168.103.235:2443/rtp/34020001001320001489_34020001001320001489.live.flv",
        "ws_flv": "ws://192.168.103.235:2080/rtp/34020001001320001489_34020001001320001489.live.flv",
        "wss_flv": "wss://192.168.103.235:2443/rtp/34020001001320001489_34020001001320001489.live.flv",
        "hls": "http://192.168.103.235:2080/rtp/34020001001320001489_34020001001320001489/hls.m3u8",
        "https_hls": "https://192.168.103.235:2443/rtp/34020001001320001489_34020001001320001489/hls.m3u8",
        "ws_hls": "ws://192.168.103.235:2080/rtp/34020001001320001489_34020001001320001489/hls.m3u8",
        "wss_hls": "wss://192.168.103.235:2443/rtp/34020001001320001489_34020001001320001489/hls.m3u8"
      }
    };
  },
  methods: {
    genID () {
      return 'i' + Math.floor((Math.random() * 100000)) + '-' + (new Date()).getTime();
    },
    getLiveInfo() {

    }
  },
  mounted() {
     this.getLiveInfo();
  },
  components:{
    VideoBase
  }
}
</script>

<style lang='scss' scoped>
  .app-container {
    width: 80%;
  }
</style>